<template>
  <div class="home">
    <router-view></router-view>
    <!-- <div class="head">
      <div class="box">
        <div class="head-right">
          <p class="title">闪送物流信息开放平台</p>
          <p class="info">帮您节约成本，助您高效配送</p>
          <img src="../assets/ytjhade.png" alt="" />
        </div>
        <img src="../assets/ytjhade1.png" alt="" class="oimg" />
      </div>
    </div>

    <div class="cent">
      <h3>服务伙伴</h3>
      <p class="tip">请根据您的经营属性选择相应的身份进行入驻</p>
      <div class="box">
        <div class="boxChild"></div>
      </div>
    </div> -->
  </div>
</template>
<script>
export default {
  name: "MyHome",
  data() {
    return {
      cent: [
        {
          imgurl: "../assets/ytjCent1.png",
          centTitle: "自营商户",
          centList: [
            "有研发能力的商户对接自己的后台系统，以门店维度发单",
            "所有门店共用一个账户（预充值）结算",
            "可在商家版后台管理门店信息、订单信息",
          ],
          centList1: ["味多美", "海底捞外送", "必胜客", "途虎养车"],
        },
      ],
    };
  },
};
</script>
<style scoped>
.head {
  height: 580px;
  background: url("../assets/ytjBg.png");
}
.box {
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.head .box .title {
  font-weight: 500;
  color: #ffffff;
  font-size: 48px;
  margin-top: 120px;
}
.head .box .info {
  margin-top: 8px;
  margin-bottom: 57px;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
}
.head .box .oimg {
  width: 520px;
  height: 437px;
  margin-top: 100px;
}
.cent h3 {
  text-align: center;
  font-size: 36px;
  color: #333;
  font-weight: 500;
  line-height: 40px;
  padding-top: 60px;
}
.tip {
  color: #999;
  font-size: 16px;
  text-align: center;
  margin-top: 8px;
}
</style>
